/*semantic-ui注释覆盖需要加important*/

/*用于调整导航上下边距*/
.m-padding-up-dowm-min{
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

/*用于调整footer的上下边距*/
.m-footer-padding-up-dowm-min{
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}

/*在一行内显示*/
.m-inline-block{
    display: inline-block !important;
}

/*立体效果*/
.stereoscopic_effect:hover{
    border-radius: 5px !important;
    box-shadow:  5px 10px 20px #bebebe,
    -5px -5px 10px #ffffff !important;
    padding: 0 !important;
}

/*背景图片设置*/
body {
    background-image: url('../images/background04.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: auto;
}

/*透明度调整*/
.transparent{
    opacity: 0.7 !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
}

/*头部和底部的透明度设置*/
.transparent_header_and_bottom{
    opacity: 0.9 !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
}